<script setup>
import AppHeader from '@/components/AppHeader.vue';
</script>
<template>
  <div id="app">
    <header class="app-header"><AppHeader></AppHeader></header>
    <main class="app-body">
      <router-view></router-view>
    </main>
  </div>
</template>

<style scoped lang="scss">
.app-header {
  position: fixed;
  z-index: 1000;
  height: 80px;
  left: 0;
  top: 0;
  right: 0;
  background-color: #060b29d9;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  min-width: 1280px;
}
.app-body {
  margin: 80px auto 0;
  max-width: 1472px;
  height: 100%;
  padding: 0 16px;
}
</style>
